<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css"> 
</head>
<body>
    <div class="top">
        <div class="t_cen">
            <div>
                <a href="http://localhost:3000/login.html">你好，请登录</a>
                <a href="http://localhost:3000/regiser.html">免费注册</a>
            </div>
        </div>
    </div>
    <div class="head">
        <div class="h_left">
            <img src="./img/sprite.png" alt="">
        </div>
        <div class="h_cen">
            <div class="hc_top">
                <input type="text">
                <a href="#"><span class="glyphicon glyphicon-search"></span></a>
                <button>
                    <span class="glyphicon glyphicon-shopping-cart"></span>
                    我的购物车
                </button>
            </div>
            <div class="hc_center">
                <ul>
                    <li><a href="#">电竞超神套装</a></li>
                    <li><a href="#">520美礼</a></li>
                    <li><a href="#">家电520</a></li>
                    <li><a href="#">战神遗迹</a></li>
                    <li><a href="#">厨房换新</a></li>
                    <li><a href="#">玩出心意</a></li>
                    <li><a href="#">520鲜花</a></li>
                    <li><a href="#">精品电脑</a></li>
                    <li><a href="#">运动户外</a></li>
                </ul>
            </div>
            <div class="hc_bottom">
                <ul>
                    <li><a href="#">秒杀</a></li>
                    <li><a href="#">优惠券</a></li>
                    <li><a href="#">PLUS会员</a></li>
                    <li><a href="#">品牌闪购</a></li>
                    <li><a href="#">拍卖</a></li>
                    <li><a href="#">京东家电</a></li>
                    <li><a href="#">京东超市</a></li>
                    <li><a href="#">京东生鲜</a></li>
                    <li><a href="#">京东国际</a></li>
                    <li><a href="#">京东云</a></li>
                </ul>
            </div>
        </div>
        <div class="h_right">
            <img src="./img/ad.gif" alt="">
        </div>
    </div>
    <div class="banner">
        <div class="b_cen">
            <div class="bc_left">
                <ul>
                    <li><a href="#">家用电器</a></li>
                    <li><a href="#">手机</a><span>/</span><a href="#">运营商</a><span>/</span><a href="#">数码</a></li>
                    <li><a href="#">电脑</a><span>/</span><a href="#">办公</a></li>
                    <li><a href="#">家具</a><span>/</span><a href="#">家居</a><span>/</span><a href="#">家装</a><span>/</span><a href="#">厨具</a></li>
                    <li><a href="#">男装</a><span>/</span><a href="#">女装</a><span>/</span><a href="#">童装</a><span>/</span><a href="#">内衣</a></li>
                    <li><a href="#">美妆</a><span>/</span><a href="#">个护清洁</a><span>/</span><a href="#">宠物</a></li>
                    <li><a href="#">女鞋</a><span>/</span><a href="#">箱包</a><span>/</span><a href="#">钟表</a><span>/</span><a href="#">珠宝</a></li>
                    <li><a href="#">男鞋</a><span>/</span><a href="#">运动</a><span>/</span><a href="#">户外</a></li>
                    <li><a href="#">房产</a><span>/</span><a href="#">汽车</a><span>/</span><a href="#">汽车用品</a></li>
                    <li><a href="#">母婴</a><span>/</span><a href="#">玩具乐器</a></li>
                    <li><a href="#">食品</a><span>/</span><a href="#">酒类</a><span>/</span><a href="#">生鲜</a><span>/</span><a href="#">特产</a></li>
                    <li><a href="#">艺术</a><span>/</span><a href="#">礼品鲜花</a><span>/</span><a href="#">农资绿植</a></li>
                    <li><a href="#">医疗保健</a><span>/</span><a href="#">计生情趣</a></li>
                    <li><a href="#">图书</a><span>/</span><a href="#">文娱</a><span>/</span><a href="#">教育</a><span>/</span><a href="#">电子书</a></li>
                    <li><a href="#">机票</a><span>/</span><a href="#">酒店</a><span>/</span><a href="#">旅游</a><span>/</span><a href="#">生活</a></li>
                    <li><a href="#">理财</a><span>/</span><a href="#">众筹</a><span>/</span><a href="#">白条</a><span>/</span><a href="#">保险</a></li>
                    <li><a href="#">安装</a><span>/</span><a href="#">维修</a><span>/</span><a href="#">清洗</a><span>/</span><a href="#">二手</a></li>
                    <li><a href="#">工业品</a></li>
                </ul>
            </div>
            <div class="bc_cen">
                <div class="bcc_left">
                    <!-- <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">Slide 1</div>
                            <div class="swiper-slide">Slide 2</div>
                            <div class="swiper-slide">Slide 3</div>
                        </div>
                        
                        <div class="swiper-pagination"></div>
                        
                        
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                        
                        
                    </div> -->
                    <!-- <img src="./img/q.jpg" alt=""> -->
                    <div class="bccl_wrapper swiper-wrapper">
                        <div class="bccl_slide swiper-slide">
                            <img src="./img/q.jpg " alt="">
                        </div>
                        <div class="bccl_slide swiper-slide">
                            <img src="./img/w.jpg" alt="">
                        </div>
                        <div class="bccl_slide swiper-slide">
                            <img src="./img/r.jpg" alt="">
                        </div>
                    </div>
                    <a href="#" class="bccl_arr1"><span class="glyphicon glyphicon-chevron-right"></span></a>
                    <a href="#" class="bccl_arr2"><span class="glyphicon glyphicon-chevron-left"></span></a>
                    <div class="page">
                    </div>
                </div>
                <div class="bcc_right">
                    <ul>
                        <li>
                            <img src="./img/orange.jpg" alt="">
                        </li>
                        <li>
                            <img src="./img/88e5d647e459127e.jpg" alt="">
                        </li>
                        <li>
                            <img src="./img/com.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bc_right">
                <div class="bcr_top">
                    <div class="bcrt_top">
                        <img src="./img/logo.png" alt="">
                        <div>
                            <h3>Hi~欢迎逛京东！</h3>
                            <a href="http://localhost:3000/login.html">登录</a><span>|</span>
                            <a href="http://localhost:3000/regiser.html">注册</a>
                        </div>

                    </div>
                    <div class="bcrt_bottom">
                        <button>新人福利</button>
                        <button>PLUS会员</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="fir">
        <div class="f_cen">
            <div class="fc_time">
                <h1>京东秒杀</h1>
                <p><span>16:00</span>点场，距结束</p>
                <div>
                    <span>00</span>
                    <b>:</b>
                    <span>00</span>
                    <b>:</b>
                    <span>00</span>
                </div>
            </div>
            <div class="goods">
                <ul>
                    <li>
                        <img src="./img/ad1.jpg" alt="">
                        <p>攀升MaxBook P1 15.6英寸英特尔4核学生商务办公轻薄笔记本电脑（十代J4125 8G 256G IPS 金属机身）2021新款</p>
                        <div><span>￥499.00</span><span>￥699.00</span></div>
                    </li>
                    <li>
                        <img src="./img/ad1.jpg" alt="">
                        <p>攀升MaxBook P1 15.6英寸英特尔4核学生商务办公轻薄笔记本电脑（十代J4125 8G 256G IPS 金属机身）2021新款</p>
                        <div><span>￥499.00</span><span>￥699.00</span></div>
                    </li>
                    <li>
                        <img src="./img/ad1.jpg" alt="">
                        <p>攀升MaxBook P1 15.6英寸英特尔4核学生商务办公轻薄笔记本电脑（十代J4125 8G 256G IPS 金属机身）2021新款</p>
                        <div><span>￥499.00</span><span>￥699.00</span></div>
                    </li>
                    <li>
                        <img src="./img/ad1.jpg" alt="">
                        <p>攀升MaxBook P1 15.6英寸英特尔4核学生商务办公轻薄笔记本电脑（十代J4125 8G 256G IPS 金属机身）2021新款</p>
                        <div><span>￥499.00</span><span>￥699.00</span></div>
                    </li>
                </ul>
            </div>
            <div class="we_goods">
                <img src="./img/we_good.jpg" alt="">
                <span>空调秒杀盛典</span>
                <h4>低至1699</h4>
                <a href="#">品牌秒杀</a>
            </div>
        </div>
    </div>
    <div class="sec">
        <div class="sec_cen">
            <div class="sc_left">
                <div class="scl_top">
                    <h1>发现好货</h1>
                    <span>探索新生活</span>
                </div>
                
            </div>
            <div class="scl_right">
                    
            </div>
        </div>
    </div>
    <div class="thr">
        <div class="t_cen">
            <div class="tt_fir_img">
                <img src="./img/gril.webp.jpg" alt="">

            </div>
            <div class="tt_sec_img">
                <img src="./img/fish.webp.jpg" alt="">
                
            </div>
            <div class="tt_fir_img">
                <img src="./img/gril.webp.jpg" alt="">

            </div>
            <div class="tt_sec_img">
                <img src="./img/fish.webp.jpg" alt="">
                
            </div>
            
        </div>
    </div>
    <div class="four">
        <ul>
            <li>京东秒杀</li>
            <li>特色优选</li>
            <li>频道广场</li>
            <li>为你推荐</li>
            <li>回到顶部</li>
        </ul>
    </div>
    <script src="https://unpkg.com/swiper/swiper-bundle.js"> </script>
    <script src="./javascripts/jQuery.js"></script>
    <!-- <script src="./javascripts/index.js"></script> -->
    <script src="./javascripts/index.js"></script>
</body>
</html>